import React from 'react';
import '../css/InfoCard.css';

const InfoCard = React.forwardRef((props, ref) => {
  return (
    <div className="info-container" ref={ref}>
      <div className="info-card">
        <h3>眼部疾病早期诊断的重要性</h3>
        <p><strong>早期发现：</strong>许多眼部疾病在初期并不明显，通过定期检查可以及早发现问题，从而及时干预治疗，保护视力。</p>
        <p><strong>降低风险：</strong>及早诊断有助于降低严重视力损伤甚至失明的风险，为后续治疗赢得宝贵时间。</p>
      </div>
      <div className="info-card">
        <h3>先进技术带来的革新</h3>
        <p><strong>人工智能辅助：</strong>借助最新的图像识别和AI算法，我们能够对眼部病变进行精准分析，提供科学有效的诊断依据。</p>
        <p><strong>多维数据整合：</strong>整合临床数据与影像信息，实现全面的眼科疾病风险评估，助力个性化治疗方案制定。</p>
      </div>
    </div>
  );
});

export default InfoCard;
